<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>笔记本|商务九州</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/side.css">
    <link rel="stylesheet" href="css/main-top.css">
    <link rel="stylesheet" href="css/product.css">
    <style></style>
</head>
<body>
    <div id="wrap">
        <div id="main-top">
            <div id="header"></div>
            <!-- 导航栏开始 -->
            <div id="nav">
                <div class="nav-left"></div>
                <div class="nav-right">
                    <ul>
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="#">电脑城</a>
                        </li>
                        <li>
                            <a href="#">通讯城</a>
                        </li>
                        <li>
                            <a href="#">数码港</a>
                        </li>
                        <li>
                            <a href="#">女人街</a>
                        </li>
                        <li>
                            <a href="#">家居城</a>
                        </li>
                        <li>
                            <a href="#">汽车城</a>
                        </li>
                        <li>
                            <a href="#">影视区</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 导航栏结束 --> </div>
        <div class="line"></div>
        <div id="main">
            <!-- 边栏开始 -->
            <div id="side">
                <div id="side_mk1"></div>
                <div id="side_mk2">
                    <form name="login" action="#" method="post">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="80">用户名：</td>
                                <td>
                                    <label for="name"></label>
                                    <input name="name" type="text" id="name" size="12" />
                                </td>
                            </tr>
                            <tr>
                                <td>密　码：</td>
                                <td>
                                    <label for="password"></label>
                                    <input name="password" type="text" id="password" size="12" />
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <img src="css/img/enter.gif" width="50" height="22" />
                                </td>
                                <td align="center">
                                    <a href="reg.html">
                                        <img src="css/img/atint.gif" width="50" height="22" />
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <img src="css/img/topic_l.gif" width="18" height="12" />
                                    请按
                                    <a href="#">这里</a>
                                    取回密码
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
                <div id="side_mk3"></div>
                <div class="clear">
                    <ul>
                        <li class="title">【电脑城】</li>
                        <li class="detail">
                            <a href="note.html">笔记本</a>
                        </li>
                        <li class="detail">
                            <a href="#">台式机</a>
                        </li>
                        <li class="detail">
                            <a href="#">二手电脑</a>
                        </li>
                        <li class="detail">
                            <a href="#">DIY区</a>
                        </li>
                        <li class="detail">
                            <a href="#">配件</a>
                        </li>
                        <li class="detail">
                            <a href="#">掌上电脑</a>
                        </li>
                    </ul>
                </div>
                <div class="clear">
                    <ul>
                        <li class="title">【通讯城】</li>
                        <li class="detail">
                            <a href="phone.html">GSM手机</a>
                        </li>
                        <li class="detail">CDMA手机</li>
                        <li class="detail">对讲机</li>
                        <li class="detail">小灵通</li>
                    </ul>
                </div>
                <div class="clear">
                    <ul>
                        <li class="title">【数码港 】</li>
                        <li class="detail">随身视听</li>
                        <li class="detail">数码相机</li>
                        <li class="detail">数码摄像机</li>
                        <li class="detail">图形冲印</li>
                    </ul>
                </div>
                <div class="clear">
                    <ul>
                        <li class="title">【 女人街 】</li>
                        <li class="detail">香  水</li>
                        <li class="detail">彩  妆</li>
                        <li class="detail">美  体</li>
                        <li class="detail">护  肤</li>
                        <li class="detail">眼线液</li>
                        <li class="detail">指甲油</li>
                    </ul>
                </div>
                <div class="clear">
                    <ul>
                        <li class="title">【 其   它 】</li>
                        <li class="detail">家  居</li>
                        <li class="detail">汽  车</li>
                        <li class="detail">影  视</li>
                        <li class="detail">玩  具</li>
                    </ul>
                </div>

            </div>
            <!-- 边栏结束 -->

            <!-- 产品开始 -->
            <div id="phone">
                <div>您的位置：电脑城->笔记本</div>
                <div class="left">
                    <img src="img/acer_as3025.jpg"/>
                    <div class="name">
                        <a href="#">编号：075605</a>
                    </div>
                </div>

                <div class="left">
                    <img src="img/acer_tm3000.jpg"/>
                    <div class="name">
                        <a href="#">编号：075612</a>
                    </div>
                </div>
                <div class="left">
                    <img src="img/asus_a6ja.jpg"/>
                    <div class="name">
                        <a href="#">编号：032106</a>
                    </div>
                </div>
                <div class="right">
                    <img src="img/chengyun_w740t.jpg"/>
                    <div class="name">
                        <a href="#">编号：093601</a>
                    </div>
                </div>

                <div class="left">
                    <img src="img/dell_710m.jpg"/>
                    <div class="name">
                        <a href="#">编号：050021</a>
                    </div>
                </div>
                <div class="left">
                    <img src="img/hp_b1800.jpg"/>
                    <div class="name">
                        <a href="#">编号：085113</a>
                    </div>
                </div>
                <div class="left">
                    <img src="img/ibm_z60t.jpg"/>
                    <div class="name">
                        <a href="#">编号：025105</a>
                    </div>
                </div>
                <div class="right">
                    <img src="img/lenovo_f20.jpg"/>
                    <div class="name">
                        <a href="#">编号：047102</a>
                    </div>
                </div>

                <div class="left">
                    <img src="img/sony.jpg" width="80" height="90" />
                    <div class="name">
                        <a href="#">编号：113120</a>
                    </div>
                </div>
                <div class="left">
                    <img src="img/tianyun_w130s.jpg" width="64" height="90" />
                    <div class="name">
                        <a href="#">编号：093343</a>
                    </div>
                </div>
                <div class="left">
                    <img src="img/lenovo_tianyu_80.jpg"/>
                    <div class="name">
                        <a href="#">编号：045512</a>
                    </div>
                </div>
                <div class="right">
                    <img src="img/lenovo_xuri_125.jpg"/>
                    <div class="name">
                        <a href="#">编号：043272</a>
                    </div>
                </div>

                <div class="left">
                    <img src="img/toshiba_satellite_a100.jpg"/>
                    <div class="name">
                        <a href="#">编号：132105</a>
                    </div>
                </div>
                <div class="left">
                    <img src="img/toshiba_m50.jpg"/>
                    <div class="name">
                        <a href="#">编号：132119</a>
                    </div>
                </div>
                <div class="left">
                    <img src="img/benq_jb_s72.jpg"/>
                    <div class="name">
                        <a href="#">编号：102504</a>
                    </div>
                </div>
                <div class="right">
                    <img src="img/benq_jbs61.jpg"/>
                    <div class="name">
                        <a href="#">编号：101130</a>
                    </div>
                </div>
            </div>
            <!-- 产品结束 --> </div>

        <div class="left" id="footer">
            <ul>
                <li>
                    <a href="#">关于我们</a>
                    <a href="#">顾客投诉</a>
                    <a href="#">付款方法</a>
                    <a href="#">配送说明</a>
                    <a href="#">购物指南</a>
                    <a href="#">客户支持</a>
                </li>
                <li>
                    ©Copyright 2005-2006 www.jiuzhoushangwu.com.cn All Rights Reserve.
                </li>
                <li>
                    版权所有
                    <a href="#">商务九州</a>
                    复制必究
                </li>
            </ul>
        </div>

    </div>

</body>
</html>